<div class="sidebar">
    <nav class="sidebar-nav">
        <ul class="nav">
            <li class="nav-title text-center">
                <span>Dashboard</span>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="main"><i class="icon-speedometer"></i> Dashboard <span
                        class="badge badge-info">NEW</span></a>
            </li>

            <li class="divider"></li>
            <li class="nav-title text-center">
                <span>UI Elements</span>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> Components</a>
                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="components/buttons.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/buttons.html"><i
                                class="icon-puzzle"></i> Buttons</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="components/social-buttons.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/social-buttons.html"><i
                                class="icon-puzzle"></i> Social Buttons</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="components/cards.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/cards.html"><i
                                class="icon-puzzle"></i> Cards</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="components/modals.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/modals.html"><i
                                class="icon-puzzle"></i> Modals</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="components/switches.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/switches.html"><i
                                class="icon-puzzle"></i> Switches</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="components/tables.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/tables.html"><i
                                class="icon-puzzle"></i> Tables</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="components/tabs.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/components/tabs.html"><i
                                class="icon-puzzle"></i> Tabs</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-note"></i> Forms</a>
                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="forms/basic-forms.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/forms/basic-forms.html"><i
                                class="icon-note"></i> Basic Forms</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="forms/advanced-forms.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/forms/advanced-forms.html"><i
                                class="icon-note"></i> Advanced Forms</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="forms/validation.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/forms/validation.html"><i
                                class="icon-note"></i> Validation</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Icons</a>
                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="icons/font-awesome.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/icons/font-awesome.html"><i
                                class="icon-star"></i> Font Awesome</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="icons/simple-line-icons.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/icons/simple-line-icons.html"><i
                                class="icon-star"></i> Simple Line Icons</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-energy"></i> Plugins</a>
                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/calendar.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/calendar.html"><i
                                class="icon-calendar"></i> Calendar</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/draggable-cards.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/draggable-cards.html"><i
                                class="icon-cursor-move"></i> Draggable Cards</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/loading-buttons.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/loading-buttons.html"><i
                                class="icon-cursor"></i> Loading Buttons</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/notifications.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/notifications.html"><i
                                class="icon-info"></i> Notifications</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/sliders.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/sliders.html"><i
                                class="icon-equalizer"></i> Sliders</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/spinners.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/spinners.html"><i
                                class="fa fa-spinner"></i> Spinners</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="plugins/tables.html"
                           tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/plugins/tables.html"><i
                                class="icon-list"></i> Tables</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="widgets.html"
                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/widgets.html"><i
                        class="icon-calculator"></i> Widgets <span class="badge badge-info">NEW</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"
                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/charts.html"><i class="icon-pie-chart"></i>
                    Charts</a>
            </li>
            <li class="divider"></li>
            <li class="nav-title text-center">
                <span>成员管理</span>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="user/index"><i class="icon-pie-chart"></i> 用户信息</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 权限管理</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 用户行为</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 行为日志</a>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-layers"></i> UI Kits</a>

                <ul class="nav-dropdown-items">
                    <li class="nav-item nav-dropdown">
                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-speech"></i> Invoicing</a>
                        <ul class="nav-dropdown-items">
                            <li class="nav-item">
                                <a class="nav-link" href="UIkits/invoicing/invoice.html"
                                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/UIkits/invoicing/invoice.html"><i
                                        class="icon-speech"></i> Invoice</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav-dropdown-items">
                    <li class="nav-item nav-dropdown">
                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-speech"></i> Email</a>
                        <ul class="nav-dropdown-items">
                            <li class="nav-item">
                                <a class="nav-link" href="UIkits/email/inbox.html"
                                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/UIkits/email/inbox.html"><i
                                        class="icon-speech"></i> Inbox</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="UIkits/email/message.html"
                                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/UIkits/email/message.html"><i
                                        class="icon-speech"></i> Message</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="UIkits/email/compose.html"
                                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/UIkits/email/compose.html"><i
                                        class="icon-speech"></i> Compose</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="divider"></li>
            <li class="nav-title text-center">
                <span>基础数据</span>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> 基础资料</a>
                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/login.html"><i class="icon-star"></i> 客户管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/register.html"><i class="icon-star"></i> 供应商管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/404.html"><i class="icon-star"></i> 商品管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 仓库管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 职员管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 账户管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 商品品牌</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 发货地址管理</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 仓库管理</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-layers"></i> 辅助资料</a>

                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/login.html"><i class="icon-star"></i> 客户类别</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/register.html"><i class="icon-star"></i> 供应商类别</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/404.html"><i class="icon-star"></i> 商品类别</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 支出类别</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 收入类别</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 计量单位</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 结算方式</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 客户物料编码</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/500.html"><i class="icon-star"></i> 单据编码规则</a>
                    </li>
                </ul>
            </li>
            <li class="nav-title text-center">
                <span>系统设置</span>
            </li>
            <li class="nav-item nav-dropdown">
                <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> 系统参数</a>
                <ul class="nav-dropdown-items">
                    <li class="nav-item">
                        <a class="nav-link" href="settings"><i class="icon-star"></i> 网站设置</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="views/pages/register.html"><i class="icon-star"></i> 功能参数</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="menu"><i class="icon-star"></i> 后台目录</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 权限设置</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 操作日志</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 套打模板</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 备份/恢复</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> 结账/反结账</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"
                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/charts.html"><i class="icon-pie-chart"></i>
                    重算成本</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"
                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/charts.html"><i class="icon-pie-chart"></i>
                    重新初始化</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="charts.html"
                   tppabs="https://genesisui.com/demo/clever/bootstrap4-ajax/charts.html"><i class="icon-pie-chart"></i>
                    增值服务</a>
            </li>

            <li class="nav-title">
                Labels
            </li>
            <li class="nav-item hidden-cn">
                <a class="nav-label" href="#"><i class="fa fa-circle text-danger"></i> Label danger</a>
            </li>
            <li class="nav-item hidden-cn">
                <a class="nav-label" href="#"><i class="fa fa-circle text-info"></i> Label info</a>
            </li>
            <li class="nav-item hidden-cn">
                <a class="nav-label" href="#"><i class="fa fa-circle text-warning"></i> Label warning</a>
            </li>
            <li class="divider"></li>
            <li class="nav-title">
                System Utilization
            </li>
            <li class="nav-item px-3 hidden-cn">
                <div class="text-uppercase mb-1">
                    <small><b>CPU Usage</b>
                    </small>
                </div>
                <div class="progress progress-xs">
                    <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25"
                         aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                <small class="text-muted">348 Processes. 1/4 Cores.</small>
            </li>
            <li class="nav-item px-3 hidden-cn">
                <div class="text-uppercase mb-1">
                    <small><b>Memory Usage</b>
                    </small>
                </div>
                <div class="progress progress-xs">
                    <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70"
                         aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                <small class="text-muted">11444GB/16384MB</small>
            </li>
            <li class="nav-item px-3 hidden-cn">
                <div class="text-uppercase mb-1">
                    <small><b>SSD 1 Usage</b>
                    </small>
                </div>
                <div class="progress progress-xs">
                    <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95"
                         aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                <small class="text-muted">243GB/256GB</small>
            </li>

        </ul>
    </nav>
</div>